img {
    -webkit-user-drag: none;
}

.layout {
    border: 1px solid #d7dde4;
    background: #f5f7f9;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
}

.layout-logo {
    /* position: absolute; */
    float: left;
    /* display: flex; */
    /* justify-content: center; */
    /* align-items: center; */
    width: 30px;
    height: 30px;
    top: 15px;
    margin-left: 10px;
}


/* .layout-logo:nth-child(1){
    left: 20px;
}
.layout-logo:nth-child(2){
    left: 60px;
}
.layout-logo:nth-child(3){
    left: 100px;
}
.layout-logo:nth-child(4){
    left: 140px;
}
.layout-logo:nth-child(5){
    left: 190px;
}
.layout-logo:nth-child(6){
    left: 240px;
}
.layout-logo:nth-child(7){
    left: 300px;
} */

.layout-nav {
    width: 420px;
    margin: 0 auto;
    margin-right: 20px;
}


/* 侧边导航栏样式模块 */

.layout .ivu-layout header .ivu-menu-light {
    /* 导航栏背景色 */
    background: #fff;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title {
    /* 侧边导航栏字体色 */
    color: #fff;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu) {
    /* 被选择的侧边导航栏的字体色 */
    color: #050333;
    font-weight: 700;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item-active:not(.ivu-menu-submenu):hover,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu),
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title-active:not(.ivu-menu-submenu):hover {
    /* 被选择的侧边导航栏的背景色 */
    background: #ffb538 !important;
}

.ivu-menu-dark {
    /* 侧边导航栏（包括没有选中下拉表单的头） */
    background: #7d79f1;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened .ivu-menu-submenu-title {
    background: #7d79f1;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-opened {
    /* 展开后未被选中的选项的颜色 */
    background: #496ad3;
}

.ivu-layout-sider-children {
    /* 侧边导航栏选项以外的下面的那块部分 */
    background: #7d79f1;
}

.ivu-menu-dark.ivu-menu-vertical .ivu-menu-item:hover,
.ivu-menu-dark.ivu-menu-vertical .ivu-menu-submenu-title:hover {
    /* 经过外层导航时其链接颜色 */
    background-color: #3b5ec4;
}


/* li.ivu-menu-submenu:hover {
    background: pink !important;
}

li.ivu-menu-item:hover {
    background: pink !important;
} */


/* 顶部导航栏样式模块 */

.layout .ivu-layout header .ivu-menu-light {
    /* "信息管理"菜单中的顶部导航栏背景色 */
    background: #3f3dbd;
}

.ivu-menu-light {
    /* "账户管理"菜单中的顶部导航栏背景色 */
    background: #3f3ebd;
}

.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu {
    color: #fff;
    font-weight: bold;
    transition: 0.4s;
}

.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item-active,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-item:hover,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu-active,
.ivu-menu-light.ivu-menu-horizontal .ivu-menu-submenu:hover {
    /* "顶部导航栏中的字体被选中时的颜色" */
    color: #ffe986;
    font-weight: bold;
    border-bottom: 3px solid #ffe986;
}

.ivu-avatar-string {
    /* 头像里的字体色 */
    color: black;
    font-weight: 700;
}
/* sider collapsed对齐 */
.ivu-menu-vertical .ivu-menu-item, .ivu-menu-vertical .ivu-menu-submenu-title{
    display: flex;
    /* justify-content: center; */
    align-items: center;
}